<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
       *{
          margin:0;
          padding:0;
       }
       .box{
         width:1185px;
         height:245px;
         padding-top:20px;
         margin-left:30px;
         font-family:黑体;
         font-size:15pt;
         color:#fa071b;
         font-weight: bold;
         border-bottom:1px solid #e7e7e7;
      }
      .box-1{
        width:240px;
        height:40px;
        padding-left:18px;
      }
      .a3:hover{
          color:#8d1822;
          text-decoration:underline;
      }
        .box1{
        width:270px;
        height:170px;
        padding-top:20px;
        background:#eff0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
       .box2{
        width:270px;
        height:170px;
        margin-left:320px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
        .box3{
        width:270px;
        height:170px;
        margin-left:615px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
      .box4{
        width:270px;
        height:170px;
        margin-left:914px;
        margin-top:-192.5px;
        padding-top:20px;
        background:#eef0f0;
        border:#cecece 1px solid;
        border-radius: 8px 8px 8px 8px;
      }
      .img1{
        text-align:center;
      }
      .p2{
          font-family:宋体;
          font-size:14pt;
          color:black;
      }
      .a3{
          font-family:黑体;
          font-weight: bold;
      }
    </style>
</head>
<body>
    <div class="box">
    <div class="img1">
        <div class="box1">
            <img src="PHP/box1.jpg" weight="50" height="58"/>
              <div><a class="a3">下载 CodeIgniter</a></div> <br/>
              <div class="box-1">
            <div class="p2"><p>最新版本: <a class="a3">4.0.3版</a></p></div>
            </div>
        </div>
        <div class="box2">
            <img src="PHP/box2.jpg" weight="50" height="58"/>
            <div><a class="a3">阅读用户手册</a></div> <br/>
            <div class="box-1">
            <div class="p2"><p>清晰完善的文档</p></div>
            </div>
        </div>
        <div class="box3">
            <img src="PHP/box3.png" weight="60" height="60"/>
            <div><a class="a3">到论坛讨论</a></div> <br/>
            <div class="box-1">
            <div class="p2"><p>加入我们的社区</p></div>
            </div>
        </div>
        <div class="box4">
            <img src="PHP/box4.jpg" weight="50" height="56"/>
            <div><a class="a3">在GitHub 上</a></div> <br/>
            <div class="box-1">
            <div class="p2"><p>帮助修复 BUG 或开发新功能</p></div>
            </div>
    </div>
</div>
</div>
</body>
</html>
